<template>
    <!-- <div class="RJYYKF_wrap">
        <div class="header_wrap">2</div>
        <div class="content_wrap">3</div>
        <div class="content_wrap">4</div>
    </div> -->
    <div class="RJYYKF_wraper">
        <div class="header_wrap">
            <div class="wrap_lr">
                <div class="left">
                    <div class="header">
                        <span class="icon"></span>
                        <span class="title">{{ $t('p3.tab2.title') }}</span>
                    </div>
                    <div class="desc">
                        <img :src="P7788" alt="">
                        {{ $t('p3.tab2.desc') }}
                    </div>
                </div>
            </div>
        </div>
        <div class="content_wrap">
            <div class="box2 c2">
                <div v-if="otherInfoData" v-html="otherInfoData.description"></div>
            </div>
        </div>

    </div>
</template>
<script>
import p1 from '@/assets/images/wi/21.png'
import P7788 from '@/assets/images/wi/P7788.png'
// import P1222 from '@/assets/images/wi/P1222.png'
// import P1223 from '@/assets/images/wi/P1223.png'
// import P1224 from '@/assets/images/wi/P1224.png'
import { getStore } from '@/libs'
export default {
    name: "index",
    components: {

    },
    data() {
        return {
            p1,P7788,
            params: null,

            detail: null,
            otherInfoData: null
        }
    },

    created() {
        this.params = this.$route.query
        this.getOtherInfo()
        // this.getInfo()
    },
    methods: {
        /**
         * 详细信息
         */
        //  async getInfo() {
        //     const res = await this.$http({
        //         url: '/api/sitepagelist/info',
        //         method: 'GET',
        //         params: {id: '1692724706449895426'}
        //     })
        //     this.detail = Object.assign({}, res.data)
        // },

        /**
         * 其他动态编辑，荣誉时间（移动端）
         */
        async getOtherInfo() {
            let terminal = 2
            let country = 1
            let type = 5

            // 切换语言
            if(getStore({name: 'language'}) === 'jp') {
                country = 2
                type = 501
            }
            const res = await this.$http({
                url: '/api/siteabout/info',
                method: 'GET',
                params: {type, terminal, country}
            })
            this.otherInfoData = Object.assign({}, res.data)
        },
    }
};
</script>


<style lang="scss" scope>
// .RJYYKF_wrap{
//     border: 1px solid #000;
//     width: 100%;
// }
.RJYYKF_wraper{
    color: #333333;
    display: flex;
    flex-direction: column;

    .header_wrap{
        padding: 0 20px;
        display: flex;
        justify-content: center;
        margin-bottom: 20px;
        .wrap_lr{
            display: flex;
            margin-top: 50px;
            width: 1080px;
            .left{
                display: flex;
                flex-direction: column;
                margin-right: 30px;
                flex: 5;
                .header{
                    display: flex;
                    margin-bottom: 20px;
                    span.icon{
                        display: block;
                        width: 5px;
                        height: 35px;
                        background-color: #98000A;
                        border-right: 2px solid #FCA400;
                    }
                    span.title{
                        font-size: 28px;
                        font-weight: bold;
                        margin-left: 10px;
                    }
                }
                .desc{
                    font-size: 22px;
                    word-break: break-all;
                    img{
                        float: right;
                        width: 200px;
                        height: 200px;
                    }
                }
            }
            // .right{
            //     display: flex;
            //     justify-content: center;
            //     align-items: center;
            //     width: 300px;
            //     img{
            //         width: 100%;
            //     }
            //     padding-bottom: 30px;
            // }
        }
    }
    .content_wrap{
        padding: 0 20px;
        box-sizing: border-box;
        // background-image: url('../../assets/images/wi/P1221.png');
        // background-size: 100% 100%;
        // background-repeat: no-repeat;
        .box2{
            display: flex;
            flex-direction: column;
            margin-top: 50px;
            img{
                width: 100%;
                height: 100%;
            }
        }
    }
}
</style>
